<html>
    <head>
        <title>Welcome to Finance Management System</title>
		<meta name="layout" content="main" />
		<style type="text/css" media="screen">

			#nav {
				margin-top:20px;
				margin-left:30px;
				width:228px;
				float:left;

			}
			.homePagePanel * {
				margin:0px;
			}
			.homePagePanel .panelBody ul {
				list-style-type:none;
				margin-bottom:10px;
			}
			.homePagePanel .panelBody h1 {
				text-transform:uppercase;
				font-size:1.1em;
				margin-bottom:10px;
			}
			.homePagePanel .panelBody {
			    background: url(images/leftnav_midstretch.png) repeat-y top;
				margin:0px;
				padding:15px;
			}
			.homePagePanel .panelBtm {
			    background: url(images/leftnav_btm.png) no-repeat top;
				height:20px;
				margin:0px;
			}

			.homePagePanel .panelTop {
			    background: url(images/leftnav_top.png) no-repeat top;
				height:11px;
				margin:0px;
			}
			h2 {
				margin-top:15px;
				margin-bottom:15px;
				font-size:1.2em;
			}
			#pageBody {
				margin-left:280px;
				margin-right:20px;
			}
		</style>
    </head>
    <body>
    	<%
    		if(session.user)
    			response.sendRedirect('home/list_accounts')
    	%>
		<div id="nav">
			<div class="homePagePanel">
				<div class="panelTop">

				</div>
				<div class="panelBody">
					<h1>Application Status</h1>
					<ul>
						<li>App version: <g:meta name="app.version"></g:meta></li>
						<li>Grails version: <g:meta name="app.grails.version"></g:meta></li>
						<li>JVM version: ${System.getProperty('java.version')}</li>
						<li>Controllers: ${grailsApplication.controllerClasses.size()}</li>
						<li>Domains: ${grailsApplication.domainClasses.size()}</li>
						<li>Services: ${grailsApplication.serviceClasses.size()}</li>
						<li>Tag Libraries: ${grailsApplication.tagLibClasses.size()}</li>
					</ul>
					<h1>Installed Plugins</h1>
					<ul>
						<g:set var="pluginManager"
						       value="${applicationContext.getBean('pluginManager')}"></g:set>

						<g:each var="plugin" in="${pluginManager.allPlugins}">
							<li>${plugin.name} - ${plugin.version}</li>
						</g:each>
					</ul>
				</div>
				<div class="panelBtm">
				</div>
			</div>


		</div>
		<div id="pageBody">
	        <h1>Finance Management System</h1>
	        <p>To use the system please Login or Register</p>
			<table>
				<tr>
					<td>
						<table>
							<form method="POST" action="security/login">
								<tr>
									<th></th>
									<th>Login Here</th>
								</tr>
								<tr>
									<td><label for="user_name">User Name</label></td>
									<td><input type="text" name="user_name" /></td>
								</tr>
								<tr>
									<td><label for="password">Password</label></td>
									<td><input type="password" name="password" /></td>
								</tr>
								<tr>
									<td></td>
									<td><input type="submit" value="Login" /></td>
								</tr>
							</form>
						</table>
					</td>
					<td>
						<table>
							<form method="POST" action="security/register">
								<tr>
									<th></th>
									<th>Register Here</th>
								</tr>
								<tr>
									<td><label for="user_name">User Name</label></td>
									<td><input type="text" name="user_name" /></td>
								</tr>
								<tr>
									<td><label for="password">Password</label></td>
									<td><input type="password" name="password" /></td>
								</tr>
								<tr>
									<td><label for="password_again">Password Again</label></td>
									<td><input type="password" name="password_again" /></td>
								</tr>
								<tr>
									<td></td>
									<td><input type="submit" value="Register" /></td>
								</tr>
							</form>
						</table>
					</td>
				</tr>
			</table>
		</div>
    </body>
</html>